{extend name='extra@admin/content'}
{block name="button"}
{/block}
{block name="content"}
<blockquote class="layui-elem-quote layui-quote-nm text-center" style="background:#ccc;">订单信息</blockquote>

<table class="layui-table" lay-skin="line" lay-size="sm">
    <tbody>
    <tr>
        <td class='text-left nowrap' >订单编号
            <span style="margin:0% 30%;">{$info.order_sn}</span>
        </td>
        <td class='text-left nowrap' style="width:50%;">订单金额
            <span style="margin:0% 30%;">{$info.final_amount}</span>
        </td>
    </tr>
    <tr>
        <td class='text-left nowrap' style="width:50%;">收货顾客
            <span style="margin:0% 30%;">{$info.consignee}</span>
        </td>
        <td class='text-left nowrap' style="width:50%;">联系电话
            <span style="margin:0% 30%;">{$info.mobile}</span>
        </td>
    </tr>
    <tr>
        <td class='text-left nowrap' style="width:50%;">收货地址
            <span style="margin:0% 30%;">{$info.address}</span>
        </td>
        <td class='text-left nowrap' style="width:50%;">订单状态
            <span style="margin:0% 30%;">
                {if condition="$info.order_status eq 0"}未支付
                {elseif condition="$info.order_status eq 1"}已支付
                {elseif condition="$info.order_status eq 2"}已确认
                {elseif condition="$info.order_status eq 3"}已发货
                {elseif condition="$info.order_status eq 4"}已收货
                {elseif condition="$info.order_status eq 5"}退货申请中
                {elseif condition="$info.order_status eq 6"}退货已处理
                {elseif condition="$info.order_status eq 7"}订单已完成
                {elseif condition="$info.order_status eq 8"}订单已取消
                {/if}
            </span>
        </td>
    </tr>
    <tr>
        <td class='text-left nowrap' style="width:50%;">下单时间
            <span style="margin:0% 30%;">{$info.addtime|date="Y-m-d H:i:s",###}</span>
        </td>
        <td class='text-left nowrap' style="width:50%;">支付方式
            <span style="margin:0% 30%;">
                {if condition="$info.pay_type eq 1"}
                支付宝
                {elseif condition="$info.pay_type eq 2"}
                微信支付
                {elseif condition="$info.pay_type eq 3"}
                余额付款
                {elseif condition="$info.pay_type eq 4"}
                现金付款
                {elseif condition="$info.pay_type eq 5"}
                银行卡付款
                {/if}
            </span>
        </td>
    </tr>
    <tr>
        <td class='text-left nowrap' style="width:50%;">支付时间
            <span style="margin:0% 30%;">{$info.pay_time|date="Y-m-d H:i:s",###}</span>
        </td>

    </tr>
    <tr>
         <td class='text-left '>
            <span>{$info.user_note}</span>
        </td>
    </tr>
    </tbody>
</table>


<!--<table class="layui-table" lay-skin="line" lay-size="sm">-->
    <!--<thead>-->
    <!--<tr>-->
        <!--<th class='text-left nowrap'>订单ID</th>-->
        <!--<th class='text-left nowrap'>订单编号</th>-->
        <!--<th class='text-left nowrap'>会员姓名</th>-->
        <!--<th class='text-left nowrap'>联系电话</th>-->
        <!--<th class='text-left nowrap'>订单金额</th>-->
        <!--<th class='text-left nowrap'>订单状态</th>-->
        <!--<th class='text-left nowrap'>下单时间</th>-->
        <!--<th class='text-left nowrap'>支付方式</th>-->
        <!--<th class='text-left nowrap'>支付时间</th>-->
    <!--</tr>-->
    <!--</thead>-->
    <!--<tbody>-->
    <!--<tr>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.id}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.order_sn}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.realname}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.mobile}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.final_amount}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{if condition="$info.order_status eq 0"}未支付-->
            <!--{elseif condition="$info.order_status eq 1"}已支付-->
            <!--{elseif condition="$info.order_status eq 2"}已确认-->
            <!--{elseif condition="$info.order_status eq 3"}已发货-->
            <!--{elseif condition="$info.order_status eq 4"}已收货-->
            <!--{elseif condition="$info.order_status eq 5"}退货申请中-->
            <!--{elseif condition="$info.order_status eq 6"}退货已处理-->
            <!--{elseif condition="$info.order_status eq 7"}订单已完成-->
            <!--{elseif condition="$info.order_status eq 8"}订单已取消-->
            <!--{/if}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.addtime|date="Y-m-d H:i:s",###}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{if condition="$info.pay_type eq 1"}-->
            <!--支付宝-->
            <!--{elseif condition="$info.pay_type eq 2"}-->
            <!--微信支付-->
            <!--{elseif condition="$info.pay_type eq 3"}-->
            <!--余额-->
            <!--{elseif condition="$info.pay_type eq 4"}-->
            <!--现金-->
            <!--{elseif condition="$info.pay_type eq 5"}-->
            <!--银行卡-->
            <!--{/if}-->
        <!--</td>-->
        <!--<td class='text-left nowrap'>-->
            <!--{$info.pay_time|date="Y-m-d H:i:s",###}-->
        <!--</td>-->
    <!--</tr>-->
    <!--</tbody>-->
<!--</table>-->
<blockquote class="layui-elem-quote layui-quote-nm text-center">付款信息</blockquote>

<table class="layui-table" lay-skin="line" lay-size="sm">
    <thead>
    <th class='text-left nowrap'>商品总价</th>
    <th class='text-left nowrap'>运费</th>
    <th class='text-left nowrap'>优惠券抵扣</th>
    <th class='text-left nowrap'>应付</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class='text-left nowrap'>
            ￥{$info.goods_price}
        </td>
        <td class='text-left nowrap'>
            ￥{$info.shipping_price}
        </td>
        <td class='text-left nowrap'>
            ￥{$info.coupon_price}
        </td>
        <td class='text-left nowrap'>
            ￥{$info.final_amount}
        </td>
    </tr>
    </tbody>
</table>

<blockquote class="layui-elem-quote layui-quote-nm text-center">商品详情
    <a href="javascript:;" onclick="delivery();">发货</a>
    <!--<button data-update data-field='delete' data-action='{:url("$classuri/del_city")}' class='layui-btn layui-btn-small layui-btn-danger'>-->
        <!--<i class='fa fa-remove'></i> 发货-->
    <!--</button>-->
</blockquote>

<table class="layui-table" lay-skin="line" lay-size="sm">
    <thead>
    <tr>
        <th class='list-table-check-td'>
            ID
        </th>
        <th class='text-left nowrap'>商品</th>
        <th class='text-left nowrap'>购买数量</th>
        <th class='text-left nowrap'>属性</th>
        <th class='text-left nowrap'>总价</th>
        <th class='text-left nowrap'>状态</th>
    </tr>
    </thead>
    <tbody>
    {volist name='list' id='vo'}
    <tr>
        <th class='list-table-check-td'>
            <input data-none-auto="" data-check-target='.list-check-box' type='checkbox' value="{$vo.id}" {if condition="$vo.status gt 2"} disabled="true" {/if}/>
        </th>
        <td class='text-left nowrap'>
            {$vo.name}
        </td>
        <td class='text-left nowrap'>
            {$vo.anum}
        </td>
        <td class='text-left nowrap'>
            {$vo.spec_detail}
        </td>
        <td class='text-left nowrap'>
            {$vo.amount}
        </td>
        <td class='text-left nowrap'>
            {if condition="$vo.status eq 0"}未支付
            {elseif condition="$vo.status eq 1"}已支付
            {elseif condition="$vo.status eq 2"}已确认
            {elseif condition="$vo.status eq 3"}已发货
            {elseif condition="$vo.status eq 4"}已收货
            {elseif condition="$vo.status eq 5"}退货申请中
            {elseif condition="$vo.status eq 6"}退货已处理
            {elseif condition="$vo.status eq 7"}订单已完成
            {/if}
        </td>
    </tr>
    {/volist}
    </tbody>
</table>
<blockquote class="layui-elem-quote layui-quote-nm text-center">操作记录</blockquote>
<table class="layui-table" lay-skin="line" lay-size="sm">
    <thead>
    <tr>
        <th class='text-left nowrap'>时间</th>
        <th class='text-left nowrap'>描述</th>
        <th class='text-left nowrap'>操作者</th>
    </tr>
    </thead>
    <tbody>
    {volist name='action' id='va'}
    <tr>
        <td class='text-left nowrap'>
            {$va.addtime|date="Y-m-d H:i:s",###}
        </td>
        <td class='text-left nowrap'>
            {$va.status_desc}
        </td>
        <td class='text-left nowrap'>
            {if condition="$va.username eq ''"}会员{else /}{$va.username}{/if}
        </td>
    </tr>
    {/volist}
    </tbody>
</table>
{if isset($page)}<p>{$page}</p>{/if}
<script>
    window.laydate.render({range: true, elem: '#range-date', format: 'yyyy/MM/dd'});
    /**
     * 商品发货
     */
    function delivery(){
        var order_goods =[];                //选中参与发货的商品
        var order_id = "{$info.id}";        //总订单id
        var store_id = "{$info.store_id}";  //门店id
        $('input[type="checkbox"]:checked').each(function(){
            order_goods.push($(this).val());
        });
        if(order_goods.length==0){
            layer.msg('请选择发货商品',{icon: 2, time: 1000});
            return false;
        }
        $.post("{:url('Saleorder/delivery')}",
            {store_id:store_id,order_id:order_id,order_goods:order_goods},
            function(data){
                layer.msg(data.msg, {
                    icon: 1,
                    time: 1000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
//                    location.reload();
//                $("#sub").removeAttr("disabled");
                });
            }
        );
    }
</script>
{/block}